<template>
  <input type="text" :value="modelValue" />
</template>

<script setup lang="ts" name="AtguiguInput">
defineProps(["modelValue"]);
</script>

<style scoped>
input {
  border: 2px solid black;
  background-image: linear-gradient(45deg, red, yellow, green);
  height: 30px;
  font-size: 20px;
  color: white;
}
</style>